<template>
  <div class="cards-admin">
    <nav-back />
    <div class="cards">
      <cards-item
        v-for="(v,i) in cards"
        :key="i"
        :data="v"
        :handleClick="check"
      />
    </div>
  </div>
</template>

<script>
import { createNamespacedHelpers } from 'vuex'
import { NavBack, CardsItem } from '@/components'

const { mapState, mapMutations } = createNamespacedHelpers('Cards')

export default {
  name: 'cards-admin',
  components: { NavBack, CardsItem },
  computed: { ...mapState(['cards']) },
  methods: { ...mapMutations(['check']) }
}
</script>

<style lang="stylus">
.cards-admin {
  min-height: 100vh;
  background-color: #fff;
}
</style>
